cody - HTMLify profile
cody
4270 Files
633434 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview
images/
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/images/
styles.css
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/styles.css
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
/* for touch screen */
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
/* for touch screen */
preview2.gif
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/preview2.gif
Media file
index.js
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/index.js
var radius = 240;
var autoRotate = true;
var rotateSpeed = -60;
var imgWidth = 120;
var imgHeight = 170;
var bgMusicURL = 'https://api.soundcloud.com/tracks/143041228/stream?client_id=587aa2d384f7333a886010d5f52f302a';
var bgMusicControls = true;
var autoRotate = true;
var rotateSpeed = -60;
var imgWidth = 120;
var imgHeight = 170;
var bgMusicURL = 'https://api.soundcloud.com/tracks/143041228/stream?client_id=587aa2d384f7333a886010d5f52f302a';
var bgMusicControls = true;
index.html
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D carousel</title>
<link rel="stylesheet" href="styles.css">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D carousel</title>
<link rel="stylesheet" href="styles.css">
preview.jpg
cody/swapnilsparsh/30DaysOfJavaScript/157 - 3D Image Preview/preview.jpg
Media file
